<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>{$title} - ^_^66Play~溜得起飞~</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="{:C('WEB_SITE_KEYWORD')}">
    <meta name="description" content="{:C('WEB_SITE_DESCRIPTION')}">
    <link rel="stylesheet" href="__ASSETS__/share/css/swiper.min.css"/>
    <link rel="stylesheet" href="__ASSETS__/share/css/common.css"/>
    <link rel="stylesheet" href="__ASSETS__/share/css/match.css"/>
    <link rel="stylesheet" href="__ASSETS__/share/css/range.css"/>
    <script>
        var url="__ROOT__";
        // var url="http://localhost/index.php";
        var publicUrl = "__ASSETS__/share/";//表情地址
        var race_id='{$video.id}';
        var group_id='';
        var isLogin= {$Think.const.UID} > 0 ? 1: 0;
        if (window.applicationCache) {
            // alert("你的浏览器支持HTML5");
        } else {
            // alert("你的浏览器不支持HTML5");
            window.location.href="{:U('share/sorry')}";
        }   
    </script>
</head>
<body>
    <div class="header">
        <div class="header-content">
            <div class="login-hide">
                <form class="JS-input" action="{$login_url}">
                    <div class="input">
                        <input type="text" name="mobile" placeholder="请输入手机号" class="input-number"/>
                    </div>
                   <div class="input1">
                       <input type="password" name="password" placeholder="请输入您的密码" class="input-password"/>
                   </div>
                    <div class="msg"></div>
                    <input type="button" class="btn" value="登录"/>
                </form>
                <div class="share">
                    <a class="x" href="https://open.weixin.qq.com/connect/qrconnect?appid=wx8c0229cea7f27b8a&redirect_uri=http%3A%2F%2Ftest.66play.com%2FHome%2FSso%2Fcode%2Fchannel%2Fweixin&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect"></a>
                    <a class="q" href="https://graph.qq.com/oauth2.0/authorize?client_id=101300918&response_type=code&scope=get_user_info&redirect_uri=http%3A%2F%2Ftest.66play.com%2FHome%2FSso%2Fcode%2Fchannel%2Fqq"></a>
                    <a class="b" href="https://api.weibo.com/oauth2/authorize?client_id=3590771248&redirect_uri=http%3A%2F%2Ftest.66play.com%2FHome%2FSso%2Fcode%2Fchannel%2Fsina&response_type=code"></a>
                </div>
                <a class="forget" href="javascript:;">忘记密码？</a>
            </div>
            <div class="logo">
                <img src="__ASSETS__/share/images/logo.png">
            </div>
            <empty name="userInfo">
                <div class="register">
                    <a href="javascript:;">注册</a>
                </div>
                <div class="person-center">
                    <a href="javascript:;">登录</a>
                </div>
            <else />
                <div class="register">
                    <a href="javascript:;" class="login-a JS_logout">退出</a>
                </div>
                <div class="avatar">
                    <img src="{$user.avatar|default="__ROOT__/Public/Home/images/avatar.jpg"}" alt="{$userInfo.nickname}"/> 
                </div>
            </empty>
            <!--    登录前
                    $(".person-center a").addClass("login-a");
                    $(".person-center").addClass("logined");
                    $(".register a").addClass("login-a");
                    $(".avatar").show();
                    登录后
                    $(".register a").removeClass("login-a");
                    $(".person-center").removeClass("logined");
                    $(".person-center a").removeClass("login-a");
                    $(".avatar").hide();
            -->
        </div>
    </div>
    <div class="main">
        <div class="main-title">
            <div class="team team1">
                <div class="team-fight-title">近日战况</div>
                <div class="team-fights">
                    <div class="fight-items">
                        <a href="javascript:;">
                            <div class="fight-item fight-item-time">2016-03-09</div>
                            <div class="fight-item fight-item-team">OMG vs EDG</div>
                            <div class="fight-item fight-item-score">2:1</div>
                        </a>
                    </div>
                    <div class="fight-items">
                        <a href="javascript:;">
                            <div class="fight-item fight-item-time">2016-03-09</div>
                            <div class="fight-item fight-item-team">OMG vs EDG</div>
                            <div class="fight-item fight-item-score">2:1</div>
                        </a>
                    </div>
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                </div>
            </div>
            <div class="match-infos">
                <div class="team1-logo">
                    <img src="" alt=""/>
                </div>
                <div class="team-match">

                    <!--<div class="team2-name">VG</div>-->
                    <div class="match-title">LPL联赛第9周比赛</div>
                    <div class="ceshi">
                        <div class="team1-name">
                            <div class="win">
                                <p class="result winner">胜</p>
                                <p class="team-nick">OMG</p>
                            </div>
                        </div>
                        <div class="line1"></div>
                        <div class="match-time">16:09</div>
                        <div class="line2"></div>
                        <div class="team2-name">
                            <div class="lose">
                                <p class="result loser">负</p>
                                <p class="team-nick">OMG</p>
                            </div>
                        </div>
                    </div>

                    <div class="match-num">
                        <ul>
                            <!--<li>第一场</li>-->
                            <!--<li>第二场</li>-->
                            <!--<li>第三场</li>-->
                            <!--如果是当前场次 请给li加上active类-->
                        </ul>
                        <div class="swiper-container1">
                            <div class="swiper-wrapper">
                                <!--<div class="swiper-slide">第一场</div>-->
                                <!--<div class="swiper-slide">第二场</div>-->
                                <!--<div class="swiper-slide">第三场</div>-->
                                <!--<div class="swiper-slide">第四场</div>-->
                                <!--<div class="swiper-slide">第五场</div>-->
                                <!--<div class="swiper-slide">第六场</div>-->
                            </div>
                        </div>
                        <div class="swiper-button-prev1"></div>
                        <div class="swiper-button-next1"></div>
                    </div>
                </div>
                <div class="team2-logo">
                    <img src="" alt=""/>
                </div>
            </div>
            <div class="team team2">
                <div class="team-fight-title">近日战况</div>
                <div class="team-fights">
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-box">
            <div class="box-left">
                <div class="left-title">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-prev2"></div>
                    <div class="title1">精彩战况</div>
                    <div class="title2">文字</div>
                    <div class="title3 active">图文</div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-next2"></div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <!--<div class="swiper-slide">-->
                            <!--<div class="item-head">-->
                                <!--<div class="item-time">04:24</div>-->
                                <!--<div class="item-message">OMG先有动作，打野gank下路成功，ADC收获双杀。</div>-->
                            <!--</div>-->
                            <!--<div class="item-video">-->
                                <!--<img src="temp_img/pic.jpg" alt=""/>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
                <div class="swiper-container2">
                    <div class="swiper-wrapper">
                        <!--<div class="swiper-slide">-->
                            <!--<div class="item-head2">-->
                                <!--<div class="item-time">04:24</div>-->
                                <!--<div class="item-message2">OMG先有动作，打野gank下路成功，ADC收获双杀。OMG先有动作，打野gank下路成功，ADC收获双杀。OMG先有动作，打野gank下路成功，ADC收获双杀。</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
            <div class="box-right">
                <div class="video-box">
                    <div class="barrage">
                        <div class="mask"></div>
                    </div>
                    <div class="video-cover">
                        <div class="video-cover-btn"></div>
                    </div>
                    <video id="myVideo" class="myVideo">
                        您的浏览器器不支持！
                    </video>
                    <div class="video-controls">
                        <div class="btn-pp"></div>
                        <div class="progressTime">
                            <span class="current">00:00</span>
                            <span>/</span>
                            <span class="duration"></span>
                        </div>
                        <div class="volume-num">50</div>
                        <div class="volumeBar">
                            <input type="range" class="range">
                            <div class="volume"></div>
                        </div>
                        <div class="muted"></div>
                    </div>
                </div>
                <div class="video-share">
                    <div class="share-logo">
                        <img src="__ASSETS__/share/images/share.png" />
                    </div>
                    <div class="video-share-span">分享到：</div>
                    <div class="bdsharebuttonbox" data-tag="share_1">
                        <a class="bds_sqq" data-cmd="sqq"></a>
                        <a class="bds_qzone" data-cmd="qzone" href="#"></a>
                        <a class="bds_tsina" data-cmd="tsina"></a>
                        <a class="bds_weixin" data-cmd="weixin"></a>
                    </div>
                    <div class="publish-dm">
                        <textarea placeholder="输入弹幕内容，发条弹幕试试吧。"></textarea>
                        <button class="btn">发送弹幕</button>
                    </div>
                    <div class="dm-btn">
                        <i></i>
                        <span>关闭弹幕</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="comment-bg">
        <div class="comment">
            <div class="comment-left">
                <div class="comment-left-title">
                    <span>全部评论</span><span class="comment-num">(308)条</span>
                </div>
                <!--<div class="noComment">-->
                    <!--<img src="images/nocomment.png" alt=""/>-->
                    <!--<p>赶快发表您的评论吧！</p>-->
                <!--</div>-->
                <div class="itme-box">
                    <!--<div class="comment-item">-->
                        <!--<div class="avatar">-->
                            <!--<img src="temp_img/avatar.png" alt=""/>-->
                        <!--</div>-->
                        <!--<div class="comment-infos">-->
                            <!--<div class="comment-name">-->
                                <!--<div class="comment-nickname">如何回忆我</div>-->
                                <!--<div class="comment-level">LV.12</div>-->
                            <!--</div>-->
                            <!--<div class="comment-content">立刻就打算公司离开酱豆腐苏格兰可旅客上的风格了空间看了似的发几个</div>-->
                            <!--<div class="comments">-->
                                <!--<span>201楼</span>-->
                                <!--<span>来自66play网页</span>-->
                                <!--<span>3小时前</span>-->
                                <!--<span class="reply">回复TA</span>-->
                            <!--</div>-->
                            <!--<div class="reply-info">-->
                                <!--<div class="txt-box">-->
                                    <!--<textarea class="input1" id="saytext" name="saytext"></textarea>-->
                                    <!--<span></span>-->
                                <!--</div>-->
                                <!--<div class="qqface-box">-->
                                    <!--<input type="button" class="sub_btn" value="发表" id="sub_btn" onclick="fabiao();">-->
                                    <!--<input type="button" class="cancel_btn" value="取消" id="cancel_btn">-->
                                    <!--<i class="emotion"></i>-->
                                    <!--<i class="aite" onclick="aite('');"></i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
                <div class="page">
                    <ul>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <!--<li class="next-page">下一页</li>-->
                    </ul>
                </div>
            </div>
            <div class="comment-right">
                <div class="comment-right-title">其他比赛推荐</div>
                <!--<div class="right-item">-->
                    <!--<a href="javascript:;">-->
                    <!--<div class="right-item-head">-->
                        <!--<div class="game-logo">-->
                            <!--<img src="temp_img/avatar.png" alt=""/>-->
                        <!--</div>-->
                        <!--<span class="game-name">LPL</span>-->
                        <!--<span class="game-match">S6赛季</span> — <span class="game-match">春季赛</span>-->
                        <!--<span class="game-time">2016-03-16</span>-->
                    <!--</div>-->
                    <!--<div class="right-item-content">-->
                        <!--<div class="right-team1">-->
                            <!--<div class="right-team1-logo">-->
                                <!--<img src="temp_img/avatar.png" alt=""/>-->
                            <!--</div>-->
                            <!--<div class="team-name1">EDG</div>-->
                        <!--</div>-->
                        <!--<div class="game-score ">1:0</div>-->
                        <!--<div class="right-team2">-->
                            <!--<div class="right-team1-logo">-->
                                <!--<img src="temp_img/avatar.png" alt=""/>-->
                            <!--</div>-->
                            <!--<div class="team-name1">EDG</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--</a>-->
                <!--</div>-->
                <!--<div class="right-item">-->
                    <!--<div class="right-item-head">-->
                        <!--<div class="game-logo">-->
                            <!--<img src="temp_img/avatar.png" alt=""/>-->
                        <!--</div>-->
                        <!--<span class="game-name">LPL</span>-->
                        <!--<span class="game-match">S6赛季</span> — <span class="game-match">春季赛</span>-->
                        <!--<span class="game-time">2016-03-16</span>-->
                    <!--</div>-->
                    <!--<div class="right-item-content">-->
                        <!--<div class="right-team1">-->
                            <!--<div class="right-team1-logo">-->
                                <!--<img src="temp_img/avatar.png" alt=""/>-->
                            <!--</div>-->
                            <!--<div class="team-name1">EDG</div>-->
                        <!--</div>-->
                        <!--<div class="game-score"></div>-->
                        <!--<div class="right-team2">-->
                            <!--<div class="right-team1-logo">-->
                                <!--<img src="temp_img/avatar.png" alt=""/>-->
                            <!--</div>-->
                            <!--<div class="team-name1">EDG</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="right-item">-->
                    <!--<div class="right-item-head">-->
                        <!--<div class="game-logo">-->
                            <!--<img src="temp_img/avatar.png" alt=""/>-->
                        <!--</div>-->
                        <!--<span class="game-name">LPL</span>-->
                        <!--<span class="game-match">S6赛季</span> — <span class="game-match">春季赛</span>-->
                        <!--<span class="game-time">2016-03-16</span>-->
                    <!--</div>-->
                    <!--<div class="right-item-content">-->
                        <!--<div class="right-team1">-->
                            <!--<div class="right-team1-logo">-->
                                <!--<img src="temp_img/avatar.png" alt=""/>-->
                            <!--</div>-->
                            <!--<div class="team-name1">EDG</div>-->
                        <!--</div>-->
                        <!--<div class="game-score"></div>-->
                        <!--<div class="right-team2">-->
                            <!--<div class="right-team1-logo">-->
                                <!--<img src="temp_img/avatar.png" alt=""/>-->
                            <!--</div>-->
                            <!--<div class="team-name1">EDG</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</body>
<script src="__ASSETS__/share/js/jquery-1.8.2.min.js"></script>
<script src="__ASSETS__/share/js/swiper.jquery.min.js"></script>
<script src="__ASSETS__/share/js/match.js"></script>
<script src="__ASSETS__/share/js/public.js"></script>
<script src="__ASSETS__/share/js/jquery.qqFace.js"></script>
<script>
//    var swiper = new Swiper('.swiper-container', {
////        pagination: '.swiper-pagination',
//        direction: 'vertical',
//        nextButton: '.swiper-button-next',
//        prevButton: '.swiper-button-prev',
//        slidesPerView: 3,
//        paginationClickable: true,
//        mousewheelControl: true
//    });
//    var swiper1 = new Swiper('.swiper-container1', {
////        pagination: '.swiper-pagination',
//        nextButton: '.swiper-button-next1',
//        prevButton: '.swiper-button-prev1',
//        slidesPerView: 3,
//        paginationClickable: true
//    });
//    var swiper2 = new Swiper('.swiper-container2', {
////        pagination: '.swiper-pagination',
//        direction: 'vertical',
//        nextButton: '.swiper-button-next',
//        prevButton: '.swiper-button-prev',
//        slidesPerView: 'auto',
//        paginationClickable: true,
//        mousewheelControl: true
//    });
    //百度分享
    //如果需要分享图片，将以下图片加入bdPic即可  "bdPic":imgSrc,
    //    var img1="http://static.66tv.tv/Uploads/Picture/2016-03-07/ab20c1282a4d441596cda965f144c2af.jpg";
    //    var img2="http://static.66tv.tv/Uploads/Picture/2016-03-06/e89b77a7f2ec4851bfc61d4a9a2c42b5.jpg";
    //    var img3="http://static.66tv.tv/Uploads/Picture/2016-03-03/f811528ccb6649de9246674edbae15a0.jpg";
    //    var img4="http://static.66tv.tv/Uploads/Picture/2016-03-02/00f3edb7b3e9458d9cbe08db7dcbeaad.jpg";
    //    var imgSrc=img1 + " || " + img2 + " || " + img3 + " || " + img4;
    window._bd_share_config = {
        common : {
            bdText : '',
            bdDesc : '',
            bdUrl : '',
            bdPic : ''
        },
        share : [{
            "bdSize" : 32
        }]
    }
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];

    $('.JS_logout').click(function(){
        $.post('{:U('User/logout')}',{}, function(){
            location.reload();
        });
    });
</script>
</html>